<script setup>
import { defineProps } from 'vue'
const prop = defineProps({
  name: {
    type: String
  }
})
console.log(prop.name)
</script>

<template>
  <svg aria-hidden="true" class="cp-icon">
    <use :href="`#icon-${prop.name}`" />
  </svg>
</template>

<style lang="scss" scoped>
.cp-icon {
  width: 1.5em;
  height: 1.5em;
  color: #333;
}
</style>